<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>箭头函数的使用</title>
</head>
<body>
    
</body>
<script>
    /*
        箭头函数 -- 也是ES6所推出了一种新的 匿名 函数的书写方式
            当会了箭头函数以后 几户每个匿名函数都我们呢能够转换成箭头函数的方式  并且会写的非常的呃优雅
    */
    // 求和例子
    let res = [5,8,7,6,3,2,1].reduce((pre,item)=>{
        return pre+item
    })
    console.log(res) //32
    // 以上是箭头函数的标准写法  其实箭头函数还能够更加优雅的简写
    /*
        规则：
            当形参只有一个时 ()可以省略
            当函数体只有一句话时 {}可以省略  return也可以省略
    */
    let ressum = [5,7,4,1,8].reduce((pre,item)=>pre+item)
    console.log(ressum) //25

    // 既然ES6推出了箭头函数  我们在可以使用箭头函数的时候就应该尽量顺应时代 使用箭头函数
    // 当然 箭头函数并不是万能的 他也有缺陷  那就是他的this指向问题  所以说箭头函数并不是万能的
</script>
</html>